import {request} from '../../request/index.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 商品详情
    goods_obj:{}
  },
  // 全局值 商品详情数据
  Goodsobj:{},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let {goods_id}=options;  
    this.getGoodsDetail(goods_id);
  },
  // 商品详情
  getGoodsDetail(id){    
    request({url:"/goods/detail",data:{goods_id:id}})
    .then(result=>{
      // console.log(result);
      let res = result.data.message;
      this.Goodsobj=res;

      this.setData({
        goods_obj:{
          pics:res.pics,
          goods_price:res.goods_price,
          goods_name:res.goods_name,
          // ipone部分手机，不支持 webp图片格式
          // 最好让后台修改
          // 如果自己改， 确保后台存在1.webp=>1.jpg
          goods_introduce:res.goods_introduce.replace(/\.webp/g,'.jpg')
        }
      })
    })
    .catch(error=>{
      console.log(error)
    })
  },
  //点击轮播图全屏展示
  handleImage(e){
    
    // 也可以用原来的上面的数据 但是map 里面 记得return  下面第二种写法用了全局变量 和简化return的写法
    // const urls= this.data.goods_obj.pics.map((v)=>{
    //   console.log(v);
    //   console.log(v.pics_mid);
    //   return v.pics_mid
    // })

    const urls =this.Goodsobj.pics.map(v=>v.pics_mid)

    console.log(urls);
    let {current} = e.currentTarget.dataset;
    wx.previewImage({
      current, // 当前显示图片的http链接
      urls// 需要预览的图片http链接列表
    })
  },
  // 点击加入购物车
  addCart(){
    // 1.获取缓存中的购物车数据
    let cart =wx.getStorageSync('cart')||[];
    // 2.判断 商品对象是否存在于购物车 数组中
    //  如果存在 就返回当前对象的真正索引，如果不存在就返回-1
    // 自己理解：用缓存数组中cart 每项中的的goods_id 和 这个 商品详情里面的goods_id 去对比。
    let  index = cart.findIndex(v=>v.goods_id===this.Goodsobj.goods_id)
    console.log(index);
    
    if(index===-1){
      // 3.不存在 第一次添加
      this.Goodsobj.num=1; //第一次添加，购买数量为1；
      // 添加选中状态 (为了满足购物车页面选中的状态)
      this.Goodsobj.checked = true;
      cart.push(this.Goodsobj);
    }
    else{
      // 4.已经存在购物车数据，执行number++
      console.log(index);
      cart[index].num++
    }
    // 5.把购物车重新添加入缓存中、
    wx.setStorageSync('cart', cart);
    // 6.弹出提示
    wx.showToast({
      title: '加入成功',
      icon: 'success',
      mask: true,//防止用户手抖 疯狂点击按钮,1.5秒后才能点击第二次
    });
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})